//
// Loader
// --------------------------------------------------


.mui-loading-mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;

	&.dark {
		background-color: rgba(0, 0, 0, 0.6);
	}

	.mui-loading-content {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 30px;
		line-height: 24px;
		text-align: center;
	}
}

.mui-loading-wrapper {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -54px;
    width: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 1500;
}

.mui-loading-msg {
    display: inline-block;
    min-width: 160px;
    padding: 8px 25px;
    background-color: #fff;
    border: 1px solid @border-color-base;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    transition: transform 400ms;
    -webkit-animation: mui-loading-anim 400ms; 
    animation: mui-loading-anim 400ms;
}

.mui-loading-icon {
    margin-right: 10px;
    color: @primary-color;
    font-size: 25px;
    vertical-align: middle;
}

.mui-loading-text {
    vertical-align: middle;
}

.mui-loading-mask.dark .mui-loading-icon,
.mui-loading-mask.dark .mui-loading-text, {
	color: rgba(255, 255, 255, 0.9);
}

@keyframes mui-loading-anim {
    from {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}